<template>
	<view class="">
		<u-popup v-model="showDate" mode="bottom">
			<view class="content">
				<u-tabs :list="list" :is-scroll="false" :current="current" @change="change"></u-tabs>
				<view class="date theme u-font-15">{{dateStr}}</view>
				<!-- <u-date-picker mode="date"></u-date-picker> -->
			</view>
		</u-popup>
		<!-- <u-picker v-model="showDate" mode="time"></u-picker> -->
	</view>
</template>

<script>
	export default {
		props: {
			showDate: {
				type: Boolean,
				default: false
			},
		},
		data() {
			return {
				list: [{
					name: '按月份'
				}, {
					name: '按日期'
				}],
				current: 0,
				dateStr: "2024年",
				show: false,
			}
		},
		methods: {
			change(index) {
				this.current = index;
			}
		}
	}
</script>

<style scoped lang="scss">
	.date {
		background-color: #f6f6f6;
		margin: 30rpx 100rpx;
		padding: 20rpx;
		text-align: center;
		border-radius: 20rpx;

	}

	.content {
		position: relative;
	}
</style>